Home

busca_clinicas - Page

Elements

• ◆ Group: Group D
  • Left = 56
  • Top = 364
  • Width = 280
  • Height = 280
  • Z-Index = 9
  • Top margin = 155
  • Left pad = 10
  • Top pad = 30
  • Right pad = 10
  • Bottom pad = 10
  • Min height css = 40px
  • ◆ Group: Group A
    • Left = 10
    • Top = 10
    • Width = 0
    • Height = 0
    • Z-Index = 4
    • Min height css = 40px
    • ◆ Text: Text A
      • Left = -10
      • Top = -10
      • Width = 100
      • Height = 36
      • Z-Index = 2
      • Text = Parcerias
  • ◆ Group: Group Filtros
    • Left = 133
    • Top = 76
    • Width = 280
    • Height = 280
    • Z-Index = 8
    • Min height css = 40px
    • ◆ Dropdown: Dropdown Tipo Medico
      • Left = 18
      • Top = 91
      • Width = 0
      • Height = 44
      • Data source = Tipo de medico
      • Background color = rgba(255,255,255,1)
      • Border color = var(--color_bTHBW_default)
      • Font weight = 500
      • Font color = var(--color_bTHDZ_default)
      • Font face = Poppins:::500
      • Font family = var(--font_default)
      • Left margin = 0
      • Top margin = 15
      • Left pad = 20
      • Right pad = 20
      • Choice style = dynamic
      • Static Choices = Option 1
        Option 2
        Option 3
      • Placeholder = Selecione o Tipo de Médico
      • Dynamic type = Tipo de medico
        • Change: Border color = rgba(241, 65, 108, 1)
        • ◌ When: This Dropdown Tipo Medico isnt valid
        • Change: Background color = var(--color_primary_contrast_default)
        • Border color = var(--color_bTHDZ_default)
        • ◌ When: This Dropdown Tipo Medico is focused
    • ◆ Dropdown: Dropdown Tipo de atendimento
      • Left = 18
      • Top = 133
      • Width = 0
      • Height = 44
      • Data source = Tipo de Atendimento
      • Background color = rgba(255,255,255,1)
      • Border color = var(--color_bTHBW_default)
      • Font weight = 500
      • Font color = var(--color_bTHDZ_default)
      • Font face = Poppins:::500
      • Font family = var(--font_default)
      • Left margin = 0
      • Top margin = 15
      • Left pad = 20
      • Right pad = 20
      • Choice style = dynamic
      • Static Choices = Option 1
        Option 2
        Option 3
      • Placeholder = Escolha tipo de atendimento
      • Dynamic type = Tipo de Atendimento
        • Change: Border color = rgba(241, 65, 108, 1)
        • ◌ When: This Dropdown Tipo de atendimento isnt valid
        • Change: Background color = var(--color_primary_contrast_default)
        • Border color = var(--color_bTHDZ_default)
        • ◌ When: This Dropdown Tipo de atendimento is focused
    • ◆ Dropdown: Dropdown Especialidade
      • Left = 18
      • Top = 165
      • Width = 0
      • Height = 44
      • Data source = Tipo Especialidade
      • Background color = rgba(255,255,255,1)
      • Border color = var(--color_bTHBW_default)
      • Font weight = 500
      • Font color = var(--color_bTHDZ_default)
      • Font face = Poppins:::500
      • Font family = var(--font_default)
      • Left margin = 0
      • Top margin = 15
      • Left pad = 20
      • Right pad = 20
      • Choice style = dynamic
      • Static Choices = Option 1
        Option 2
        Option 3
      • Placeholder = Escolha uma especialidade
      • Dynamic type = Tipo Especialidade
        • Change: Border color = rgba(241, 65, 108, 1)
        • ◌ When: This Dropdown Especialidade isnt valid
        • Change: Background color = var(--color_primary_contrast_default)
        • Border color = var(--color_bTHDZ_default)
        • ◌ When: This Dropdown Especialidade is focused
    • ◆ Group: Group C 👓
      • Left = 111
      • Top = 184
      • Width = 280
      • Height = 280
      • Z-Index = 7
      • Visible = false
      • Bottom margin = 30
      • Min height css = 40px
        • Change: Visible = true
        • ◌ When: busca_clinicas's maisfiltroProfissionais equals 2
      • ◆ Input: Input Pesquisar Profissional
        • Left = 20
        • Top = 388
        • Width = 250
        • Height = 44
        • Background color = rgba(255,255,255,1)
        • Border color = var(--color_bTHBW_default)
        • Font weight = 500
        • Font color = var(--color_bTHDZ_default)
        • Font face = Poppins:::500
        • Font family = var(--font_default)
        • Top margin = 15
        • Left pad = 20
        • Right pad = 20
        • Placeholder = Pesquise por cidade
        • Content format = geographic_address
          • Change: Border color = rgba(241, 65, 108, 1)
          • ◌ When: This Input Pesquisar Profissional isnt valid
          • Change: Background color = var(--color_primary_contrast_default)
          • Border color = var(--color_bTHDZ_default)
          • ◌ When: This Input Pesquisar Profissional is focused
    • ◆ Group: Group F
      • Left = 102.5
      • Top = 187
      • Width = 280
      • Height = 280
      • Z-Index = 8
      • Min height css = 40px
      • ◆ Button: Button A
        • Left = 27
        • Top = 191
        • Width = 150
        • Height = 44
        • Z-Index = 6
        • Top margin = 10
        • Bottom margin = 10
        • Text = Mais filtros
        • Button type = label_icon
        • Icon = phosphor regular plus-circle
          • Change: Visible = false
          • ◌ When: busca_clinicas's maisfiltroProfissionais equals 2
      • ◆ Button: Button E 👓
        • Left = 269
        • Top = 175
        • Width = 150
        • Height = 44
        • Z-Index = 6
        • Visible = false
        • Top margin = 10
        • Bottom margin = 10
        • Text = Limpar filtros
        • Button type = label
        • Icon = phosphor regular plus-circle
          • Change: Visible = true
          • ◌ When: Input Pesquisar Profissional's value is not empty or Dropdown Especialidade's value is not empty or Dropdown Tipo Medico's value is not empty or Dropdown Tipo de atendimento's value is not empty
      • ◆ Button: Button B 👓
        • Left = 269
        • Top = 175
        • Width = 150
        • Height = 44
        • Z-Index = 6
        • Visible = false
        • Top margin = 10
        • Bottom margin = 10
        • Text = Fechar filtros
        • Button type = label_icon
        • Icon = phosphor regular minus-circle
          • Change: Visible = true
          • ◌ When: busca_clinicas's maisfiltroProfissionais equals 2
• ◆ CustomElement: Header Principal A
  • Left = 45.5
  • Top = 47
  • Width = 380
  • Height = 150
  • Z-Index = 10
• ◆ CustomElement: Footer A
  • Left = 35.5
  • Top = 99.203125
  • Width = 280
  • Height = 280
  • Z-Index = 4
• ◆ Group: Group Clinicas
  • Left = 66
  • Top = 374
  • Width = 280
  • Height = 280
  • Z-Index = 9
  • Type of content = Clinicas
  • Top margin = 0
  • Left pad = 10
  • Top pad = 10
  • Right pad = 10
  • Bottom pad = 10
  • Min height css = 40px
  • ◆ Repeating group: RepeatingGroup Mais Profissionais
    • Left = 0
    • Top = 0
    • Width = 280
    • Height = 350
    • Z-Index = 8
    • Type of content = Clinicas
    • Data source = [Search for Clinicas]
      • ● Clinicas
      • Tipo de especialidade contains Dropdown Especialidade's value
      • Tipo de atendimento contains Dropdown Tipo de atendimento's value
      • Endereço geographic search ?????
      • Tipo de medico contains Dropdown Tipo Medico's value
      • Ignore empty contraints=true
    • ◆ Group: G Clinica
      • Left = 58
      • Top = 48.8125
      • Width = 280
      • Height = 280
      • Z-Index = 2
      • Type of content = Clinicas
      • Data source = Current cell
      • Border color = var(--color_bTHBV_default)
      • Left margin = 10
      • Top margin = 15
      • Right margin = 0
      • Bottom margin = 15
      • Left pad = 0
      • Top pad = 0
      • Right pad = 0
      • Bottom pad = 0
      • Min height css = 40px
      • ◆ Group: Group Clinica info
        • Left = 0
        • Top = 24.8125
        • Width = 0
        • Height = 0
        • Z-Index = 4
        • Type of content = Clinicas
        • Data source = Parent group
        • Left pad = 10
        • Right pad = 10
        • Bottom pad = 10
        • Min height css = 40px
        • ◆ Select2 multi-dropdown: Multidropdown B
          • Left = 10
          • Top = 10
          • Width = 250
          • Height = 45
          • Z-Index = 5
          • Data source = Tipo de Atendimento
          • Background style = none
          • Font size = 11
          • Disabled = true
          • Left margin = -10
          • Top margin = 0
          • disp = default
            • Change: disp = default
            • ◌ When: This Multidropdown B is focused
        • ◆ Text: Text B
          • Left = 0
          • Top = 95
          • Width = 100
          • Height = 36
          • Z-Index = 3
          • Top margin = 5
          • Text = Parent group's Endereço extract from address - Parent group's Endereço extract from address
        • ◆ Select2 multi-dropdown: Multidropdown A
          • Left = 10
          • Top = 5
          • Width = 250
          • Height = 45
          • Z-Index = 5
          • Data source = Tipo de medico
          • Background style = none
          • Font size = 12
          • Disabled = true
          • Left margin = -10
          • Top margin = 0
          • disp = default
            • Change: disp = default
            • ◌ When: This Multidropdown A is focused
        • ◆ Button: Button C
          • Left = 55
          • Top = 193
          • Width = 150
          • Height = 44
          • Z-Index = 4
          • Background style = none
          • Background color = var(--color_primary_default)
          • Font size = 14
          • Font weight = 600
          • Font color = var(--color_bTHDZ_default)
          • Font face = var(--font_default):::600
          • Font family = var(--font_default)
          • Top margin = 10
          • Bottom margin = 5
          • Left pad = 0
          • Top pad = 0
          • Right pad = 0
          • Bottom pad = 0
          • Text = Ver perfil
          • Button type = label_icon
          • Icon = material outlined arrow_circle_right
            • Change: Opacity = 25
            • ◌ When: This Button C isnt clickable
            • Change: Background color = var(--color_bTHAC_default)
            • ◌ When: This Button C is hovered and This Button C isnt clickable is false
        • ◆ Button: Enviar mensagem
          • Left = 65
          • Top = 203
          • Width = 150
          • Height = 44
          • Z-Index = 4
          • Background style = none
          • Background color = var(--color_primary_default)
          • Font size = 14
          • Font weight = 600
          • Font color = var(--color_bTHDZ_default)
          • Font face = var(--font_default):::600
          • Font family = var(--font_default)
          • Top margin = 10
          • Bottom margin = 0
          • Left pad = 0
          • Top pad = 0
          • Right pad = 0
          • Bottom pad = 0
          • Text = Enviar mensagem
          • Button type = label_icon
          • Icon = phosphor outlined whatsapp-logo
            • Change: Opacity = 25
            • ◌ When: This Enviar mensagem isnt clickable
            • Change: Background color = var(--color_bTHAC_default)
            • ◌ When: This Enviar mensagem is hovered and This Enviar mensagem isnt clickable is false
        • ◆ Group: Group G
          • Left = 52.5
          • Top = 89
          • Width = 280
          • Height = 280
          • Z-Index = 7
          • Type of content = Clinicas
          • Data source = Parent group
          • Min height css = 40px
          • ◆ Text: Text C
            • Left = 10
            • Top = 10
            • Width = 100
            • Height = 36
            • Z-Index = 3
            • Top margin = 0
            • Text = Parent group's Nome
      • ◆ Image: Image Clinica
        • Left = 79
        • Top = 21.8125
        • Width = 320
        • Height = 240
        • Z-Index = 2
        • Static Source = Parent group's imagem da clinica
      • ◆ Image: Image A
        • Left = 41
        • Top = 80
        • Width = 320
        • Height = 240
        • Z-Index = 6
        • Border color = var(--color_primary_contrast_default)
        • Left margin = 5
        • Top margin = -65
        • Static Source = Parent group's logotipo_clinica

Workflow

• ◆ Button A is clicked - "is clicked"
  • 1. Set custom state of busca_clinicas - "Set custom state"
    • ▪ maisfiltroProfissionais = 2
• ◆ Button B is clicked - "is clicked"
  • 1. Set custom state of busca_clinicas - "Set custom state"
    • ▪ maisfiltroProfissionais = 1
• ◆ Button C is clicked - "is clicked"
  • 1. Go to page clinica - "Go to page"
• ◆ Enviar mensagem is clicked - "is clicked"
  • 1. Open an external website. - "Open an external website"
    • New tab = true
    • Url = Parent group's Link do Whatsapp
• ◆ Button E is clicked - "is clicked"
  • 1. Refresh the page. - "Refresh the page"
• ◆ Image Clinica is clicked - "is clicked"
  • 1. Go to page clinica - "Go to page"
• ◆ User is logged out - "User is logged out"
  • 1. Go to page index - "Go to page"

Generated byBubble Documenter